<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>cnBeta</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <header>
        <div class="top1">
            <a href="#"><img src="img/logo.png"></a>
            <div class="top1-right">

                <input type="text" name="搜索">
                <button type="submit" style="margin-top: 6px;"> <img  src="img/search.svg"></button>

            </div>


        </div>
        <div class="top2">
            <ul>
                <li style="border-left:1px solid rgb(99, 99, 100) ;"><a href="#">首页</a></li>
                <li><a href="#">一周排行</a></li>
                <li class="zhuti-li">
                    <a href="#" class="zhuti-a">
                        主题<span></span></a>
                    <a href="#" class="zhuti-a1">
                            关闭<img style="margin-left: 30px;" src="img/关  闭.svg"></a>
                    <div class="zhuti">
                        <ul>
                            <li> <a href="#">游戏</a></li>
                            <li> <a href="#">游戏</a></li>
                            <li> <a href="#">游戏</a></li>
                            <li> <a href="#">游戏</a></li>
                            <li> <a href="#">游戏</a></li>
                            <li> <a href="#">游戏</a></li>

                        </ul>
                    </div>

                </li>
                <li style="width: 131px;"><a href="#">文字版</a></li>
            </ul>

        </div>
    </header>
    <section class="set1">
        <div class="set1-up">
            <p>快讯</p>
            <a href="">
              [图]微软Photos应用出现故障：打开白屏 无法显示图片
            </a>



        </div>
        <div class="set1-down">
            <img src="img/lunbo.jpg">
        </div>
    </section>
    <section class="set2">
        <div class="set2-1">
            <div class="nav">
                <ul class="navbar">
                    <li class="nali1"><a href="#set-con" target="_blank">业界</a></li>
                    <li class="nali2"><a href="#set-con1" target="_blank">科学</a></li>
                    <li class="nali3"><a href="#" target="_blank">游戏</a></li>
                    <li class="nali4"><a href="#" target="_blank">业界</a></li>
                    <li class="nali4"><a href="#" target="_blank">业界</a></li>
                    <li class="nali4"><a href="#" target="_blank">业界</a></li>



                </ul>
            </div>

        </div>
        <div id="set-con">
            <div style="width: 520px;position: relative;float: left;height: 30px;margin: 0;">
                <h3 style="float: left;">业界资讯</h3>
            </div>


            <ul>
                <li>
                    <a href="#">
                        <img src="img/2.png">
                        <p style="margin-left: 10px;">
                            北京互联网法院一审宣判:抖音、微信读书均侵害用户个人信息
                        </p>
                        <p style="width: 100px;float: left;margin-left: 10px; "><img src="img/time.png "><span>13分钟前</span></p>
                        <p style="width: 100px;float: left; "><img src="img/hight.png "><span>432</span></p>

                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/2.png">
                        <p style="margin-left: 10px;">
                            北京互联网法院一审宣判:抖音、微信读书均侵害用户个人信息
                        </p>
                        <p style="width: 100px;float: left;margin-left: 10px; "><img src="img/time.png "><span>13分钟前</span></p>
                        <p style="width: 100px;float: left; "><img src="img/hight.png "><span>432</span></p>

                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/2.png">
                        <p style="margin-left: 10px;">
                            北京互联网法院一审宣判:抖音、微信读书均侵害用户个人信息
                        </p>
                        <p style="width: 100px;float: left;margin-left: 10px; "><img src="img/time.png "><span>13分钟前</span></p>
                        <p style="width: 100px;float: left; "><img src="img/hight.png "><span>432</span></p>

                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/2.png">
                        <p style="margin-left: 10px;">
                            北京互联网法院一审宣判:抖音、微信读书均侵害用户个人信息
                        </p>
                        <p style="width: 100px;float: left;margin-left: 10px; "><img src="img/time.png "><span>13分钟前</span></p>
                        <p style="width: 100px;float: left; "><img src="img/hight.png "><span>432</span></p>

                    </a>
                </li>
            </ul>
            <a href="#"><img style="width: 520px;" src="img/3.png"></a>
        </div>
        <div id="set-con1">
            <div style="width: 520px;position: relative;float: left;height: 30px;margin: 0;">
                <h3 style="float: left;">科技资讯</h3>
            </div>

            <ul>
                <li>
                    <a href="#">
                        <img src="img/2.png">
                        <p style="margin-left: 10px;">
                            北京互联网法院一审宣判:抖音、微信读书均侵害用户个人信息
                        </p>
                        <p style="width: 100px;float: left;margin-left: 10px; "><img src="img/time.png "><span>13分钟前</span></p>
                        <p style="width: 100px;float: left; "><img src="img/hight.png "><span>432</span></p>

                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/2.png">
                        <p style="margin-left: 10px;">
                            北京互联网法院一审宣判:抖音、微信读书均侵害用户个人信息
                        </p>
                        <p style="width: 100px;float: left;margin-left: 10px; "><img src="img/time.png "><span>13分钟前</span></p>
                        <p style="width: 100px;float: left; "><img src="img/hight.png "><span>432</span></p>

                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/2.png">
                        <p style="margin-left: 10px;">
                            北京互联网法院一审宣判:抖音、微信读书均侵害用户个人信息
                        </p>
                        <p style="width: 100px;float: left;margin-left: 10px; "><img src="img/time.png "><span>13分钟前</span></p>
                        <p style="width: 100px;float: left; "><img src="img/hight.png "><span>432</span></p>

                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/2.png">
                        <p style="margin-left: 10px;">
                            北京互联网法院一审宣判:抖音、微信读书均侵害用户个人信息
                        </p>
                        <p style="width: 100px;float: left;margin-left: 10px; "><img src="img/time.png "><span>13分钟前</span></p>
                        <p style="width: 100px;float: left; "><img src="img/hight.png "><span>432</span></p>

                    </a>
                </li>
            </ul>
            <a href="#"><img style="width: 520px;" src="img/3.png"></a>>
        </div>






    </section>

</body>

</html>